import { defineStore } from 'pinia'
const menuStore = defineStore({
  id: 'menuState',

  state: () => ({
    modules: [],
    moduleId: null, // 当前选中的模块id
    menuId: '', // 当前选中的菜单id
  }),
  getters: {
    // 获取排序后的模块
    getModules() {
      return this.modules.sort(function (a, b) {
        return a.sort - b.sort // 排序
      })
    },
    // 根据moduleId获取菜单
    getMenuByModuleId() {
      return this.modules.find((item) => `${item.id}` === `${this.moduleId}`) || []
    },
  },
  actions: {},
  persist: {
    enabled: true, // 开启数据缓存
    strategies: [
      {
        key: 'menu_state',
        storage: localStorage,
        paths: ['modules', 'menuId', 'moduleId'],
      },
    ],
  },
})
export default menuStore
